<template>
	<div class="rp-page abs-page">
		<Head navTitle="新注册" />
		<div class="page-container ">
			<div class="rp-grid">
				<div class="rp-avatar"><img src="../../assets/images/touxiang.png" ></div>
				<div class="rp-item">James</div>
				<div class="rp-item">新注册 234</div>
			</div>
			<div class="thb-tab flex-center">
				<div class="thb-tab-item" @click="hcur=0" :class="{active:hcur==0}">
					<div class="n">1</div>
					<div class="txt">1级会员 12</div>
				</div>
				<div class="thb-tab-item" @click="hcur=1" :class="{active:hcur==1}">
					<div class="n">2</div>
					<div class="txt">2级会员 45</div>
				</div>
				<div class="thb-tab-item" @click="hcur=2" :class="{active:hcur==2}">
					<div class="n">3</div>
					<div class="txt">3级会员 44</div>
				</div>
			</div>
			<div class="rp-main">
				<div class="rp-bar">总数：410,781.00</div>
				<div class="m-wrapper">
					<div class="team-list-cell flex-center" v-for="item in 5" :key="item">
						<div class="t-avatar">
							<img src="../../assets/images/default.png">
						</div>
						<div class="flex_bd">
							<div class="t-item">Jane’s 007</div>
							<div class="t-item">Level 1</div>
						</div>
						<div class="tm-info">
							<div class="item-price">2156</div>
							<div class="time">2021-09-10</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	// @ is an alias to /src
	import Head from '@/components/Head.vue'
	export default {
		name: 'Home',
		components: {
			Head
		},
		data() {
			return {
				hcur: '0',
			};
		},
		methods: {
		}
	}
</script>
